<template>
   <div class="box">
      <div class="box-left"><img src="../assets/images/首页_03.png"  @click="caidan"></div>
      <div class="box-top"><img src="../assets/images/首页_05.png" @click="tiaozhuan"></div>
       <div class="box-top1">
          <div class="box-middle"><img src="../assets/images/首页_07.png"  @click="Chaopin"></div>
          <div class="box-middle"><img src="../assets/images/首页_08.png" @click="qianbao"></div>
          <div class="box1"></div>
       </div>
     
     
    </div>
</template>
<script>
export default {
    name:"Pingshop",
    methods:{
    tiaozhuan(){
        this.$router.push("/Youhui")
    },
    Chaopin(){
      this.$router.push("/Chaopin")
    },
    caidan(){
      this.$router.push("/Caidan")
    },
    qianbao(){
      this.$router.push("/wallet")
    }
}
}
</script>
<style scoped>
@import url(../assets/rest.css);
.box{
  width: 3.32rem;
  height: 1.6rem;
  overflow: hidden;
  position: absolute;
  right: 0.05rem;
  bottom: 2.95rem;
  z-index: 100;
}
.box-left{
  width: 1.35rem;
  height: 1.58rem;
  float: left;
}
.box-top{
  width: 1.9rem;
  height: 0.72rem;
  float: right;

 
}
.box-left img{
  height: 100%;
}
.box-middle{
width: 0.88rem;
height: 0.8rem;
/* background-color: blueviolet; */

 
}
.box-top1{
  /* background-color: aquamarine; */
  width: 1.9rem;
  height: 0.72rem;
  float: right;
  display: flex;
  margin-top:-0.85rem;
  margin-left: 1.5rem;

}


</style>